<script setup>
import {computed} from 'vue'

import {routes} from '@/router/index';

const routesList = computed(() => {
  const blackList = [
    '/',
    '/menus',
    '/404',
    '/:catchAll(.*)'
  ]
  return routes.filter(item => blackList.includes(item.path) === false)
})
</script>

<template>
  <div>
    <van-nav-bar
        title="菜单列表"
    />
    <ul class="link-box">
      <van-cell v-for="route in routesList" :title="route?.meta?.title" is-link :url="route.path"/>
    </ul>
  </div>
</template>

<style lang="scss" scoped>
</style>